<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>订单支付</title>
    <include file="Template/head"/>
<body>
<div class="actNav">
    <div>订单支付</div>
    <a href="javascript:history.go(-1);" class="back"></a>
    <a href="{:U('Index/index')}" class="home"></a>
</div>
<input type='hidden' id='orderPay' value="{:U('Flight/orderPay')}">
<input type='hidden' id='flightId' value='{$flightId}'>
<input type='hidden' id='keyid' value='{$flightId|setEncrypt}'>
<input type="hidden" id="orderNo" value="{$orderNo}">
<input type="hidden" id="flightOrderCode" value="{$flightOrderCode}">
<input type="hidden" id="seatCode" value="{$seatCode}">
<input type="hidden" id="flightNo" value="{$flightNo}">
<input type="hidden" id="code" value="{$Think.session.flightOrderCode}">

<div class="wapper ucenter" style="overflow: hidden">
    <table class="table" style='width:100%'>
        <tr>
            <td class="text-center" colspan="5"><h4>订单详情</h4></td>
        </tr>
        <tr>
            <td class="text-left" colspan="5">航班信息: &nbsp; {$flightNo|substr=0,2|nameToAirLine} {$flightNo}<span
                    style='color:#EC975B'>|</span>{$planeModel}
            </td>
        </tr>
        <tr>
            <th class="text-left" width="20%">乘客</th>
            <th class="text-left" width='15%'>类型</th>
            <th class="text-left" width='29%'>结算价</th>
            <th class="text-left" width='20%'>燃油</th>
            <th class="text-left" width='20%'>基建费</th>
        </tr>
        <foreach name="orderList" item="vo">
            <tr>
                <td class="text-left" width='15%'>{$vo.passenger_name}</td>
                <td class="text-left" width='20%'>
                    <if condition="$vo['passenger_type'] eq 0">成人
                        <else/>
                        儿童
                    </if>
                </td>
                <td class="text-left" width='20%'>
                    <span class='flight-text-c2'>&yen; {$vo.par_price}</span>
                </td>
                <td class="text-left" width='20%'>
                    <span class='flight-text-c2'>&yen;{$vo.fuel_tax}</span>
                </td>
                <td class="text-left" width='20%'>
                    <if condition="$vo['passenger_type'] eq 0">
                        <span class='flight-text-c2'>&yen;{$vo.airport_tax}</span>
                        <else/>
                        <span class='flight-text-c2'>&yen;0.00</span>
                    </if>
                </td>

            </tr>
        </foreach>
        <tr>
            <td class="text-left" colspan="5">起飞日期: &nbsp;{$depDate}</td>
        </tr>
        <tr>
            <td class="text-left" colspan="5">起降机场: &nbsp;
                {$depTime|returnTime}
                <if condition="$depCode eq 'NAY'">
                    南苑机场
                    <elseif condition="$depCode eq 'PVG'"/>
                    浦东机场
                    <else/>
                    {$depCode|nameToAirport}
                </if>
                <if condition="($orgJetquay eq 'Array') or ($orgJetquay eq '--')">
                    <else/>
                    {$orgJetquay}
                </if>
                --

                {$arrTime|returnTime}
                <if condition="$arrCode eq 'NAY'">
                    南苑机场
                    <elseif condition="$arrCode eq 'PVG'"/>
                    浦东机场
                    <else/>
                    {$arrCode|nameToAirport}
                </if>
                <if condition="($dstJetquay eq 'Array') or ($dstJetquay eq '--')">
                    <else/>
                    {$dstJetquay}
                </if>
            </td>
        </tr>
        <tr>
            <td class="text-left" colspan="5"><span style='margin-left:10px;'>联系人:</span> &nbsp;{$linkMan}</td>
        </tr>
        <tr>
            <td class="text-left" colspan="5">联系电话: &nbsp;{$linkPhone}</td>
        </tr>
        <tr>
            <td class="text-left" colspan="5">
                订单总额: &nbsp;
                <span class="flight-text-c2">&yen;<span class='priceTotal' style="font-size:18px;">{$priceTotal}</span></span>
            </td>
        </tr>
        <tr>
            <td colspan="5" class="text-right showButton">
                    <span class="payContent">
                        <span style="font-size: 20px">您确定要付款吗</span> <input type='button'
                                                                            class='btn btn-danger btn-sm doSubmitFlightOrder proofAgain'
                                                                            style="width:80px;height: 40px;" value='确定'>
                    </span>
            </td>
            <td colspan="5" class="text-right showCircle" style="display:none">
                <div style="float:right">
                    <svg viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg"
                         xmlns:xlink="http://www.w3.org/1999/xlink">
                        <g id="circle" class="g-circles g-circles--v1">
                            <circle id="12" transform="translate(35, 16.698730) rotate(-30) translate(-35, -16.698730) "
                                    cx="35" cy="16.6987298" r="10"></circle>
                            <circle id="11" transform="translate(16.698730, 35) rotate(-60) translate(-16.698730, -35) "
                                    cx="16.6987298" cy="35" r="10"></circle>
                            <circle id="10" transform="translate(10, 60) rotate(-90) translate(-10, -60) " cx="10"
                                    cy="60" r="10"></circle>
                            <circle id="9" transform="translate(16.698730, 85) rotate(-120) translate(-16.698730, -85) "
                                    cx="16.6987298" cy="85" r="10"></circle>
                            <circle id="8"
                                    transform="translate(35, 103.301270) rotate(-150) translate(-35, -103.301270) "
                                    cx="35" cy="103.30127" r="10"></circle>
                            <circle id="7" cx="60" cy="110" r="10"></circle>
                            <circle id="6"
                                    transform="translate(85, 103.301270) rotate(-30) translate(-85, -103.301270) "
                                    cx="85" cy="103.30127" r="10"></circle>
                            <circle id="5"
                                    transform="translate(103.301270, 85) rotate(-60) translate(-103.301270, -85) "
                                    cx="103.30127" cy="85" r="10"></circle>
                            <circle id="4" transform="translate(110, 60) rotate(-90) translate(-110, -60) " cx="110"
                                    cy="60" r="10"></circle>
                            <circle id="3"
                                    transform="translate(103.301270, 35) rotate(-120) translate(-103.301270, -35) "
                                    cx="103.30127" cy="35" r="10"></circle>
                            <circle id="2" transform="translate(85, 16.698730) rotate(-150) translate(-85, -16.698730) "
                                    cx="85" cy="16.6987298" r="10"></circle>
                            <circle id="1" cx="60" cy="10" r="10"></circle>
                        </g>
                        <use xlink:href="#circle" class="use"/>
                    </svg>
                </div>
                <span class="circle-size">订单支付中, 请勿关闭订单</span>
            </td>
            <td colspan='5' class='text-right showJumpButton' style='display: none'>
                <a href="{:U('Flight/myPlaneTicket')}">
                    <input type='button' class='btn btn-info' value="我的机票"/>
                </a>
            </td>
            <td colspan='5' class='text-right showTopupButton' style='display: none'>
                <a href="{:U('Finance/applyTopup')}">
                    <input type='button' class='btn btn-info' value="立即充值"/>
                </a>
            </td>
        </tr>
    </table>
    <div class="modal fade popWin bs-example-modal-sm" id="myModalmob" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title text-center" id="myModalLabel">温馨提示</h4>
                </div>
                <div class="modal-body text-center">
                    <p class="tipsBox"><i class="suc">亲，您最多可以添加6位乘机人</i></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning doSubmitWarning" data-dismiss="modal"
                            aria-label="Close">确认
                    </button>
                </div>
            </div>
        </div>
    </div>
    <p></p>
    <footer class="footer">
        <include file="Template/foot"/>
    </footer>
</div>
</body>
<script src="__PUBLIC__/js/flightOrder.js?v=20"></script>
</html>
